/* pages/home-school-publish/home-school-publish.wxss */
.homework-wrapper {
  height: 100vh;
  width: 100vw;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;

  .main-box {
    position: relative;
    flex: 1;

    .publish-box {
      margin: 0 20rpx;
      padding-top: 20rpx;

      .class-name {
        height: 94rpx;
        background-color: #ffffff;
        display: flex;
        align-items: center;
        border-radius: 20rpx;

        input {
          height: 100%;
          padding-left: 30rpx;
          padding-right: 20rpx;

          .placeholder {
            color: #b0b0b0;
          }
        }
      }

      .deadline-box {
        margin-top: 24rpx;
        height: 92rpx;
        background-color: #fff;
        border-radius: 20rpx;
        display: flex;
        align-items: center;
        padding-left: 30rpx;
        padding-right: 20rpx;
        box-sizing: border-box;
        justify-content: space-between;

        .label {}

        .date-box {
          display: flex;
          align-items: center;

          .date {}

          .arrow {
            width: 40rpx;
            height: 40rpx;

            image {
              width: 100%;
              height: 100%;
            }
          }
        }
      }

      .remark {
        margin-top: 24rpx;
        height: 240rpx;
        width: 100%;
        background-color: #fff;
        border-radius: 20rpx;
        padding: 30rpx 20rpx 30rpx 30rpx;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;

        .label {
          width: 100rpx;
          height: 100%;
        }

        textarea {
          flex: 1;
          height: 100%;
          width: 100%;
          overflow: hidden;
          padding-top: 7rpx;
        }
      }
    }

    .publish-button {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 92vw;
      height: 100rpx;
      border-radius: 32rpx;
      background-color: #5a83bf;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fdfdfe;
      font-size: 32rpx;
      margin-bottom: calc(env(safe-area-inset-bottom) + 30rpx);
    }
  }
}